<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/style.css">
<script src="./js/flexible.min.js"></script>

<body>



          <div class="web_container">

               <div class="web_headerBlock">

                   <div class="logo">
                        <a href=""></a>
                   </div>

                   <div class="lie"></div>

                   <div class="nav">
                         <div class="lis"><a href="">White Paper</a></div>
                         <div class="lis"><a href="">Contact</a></div>
                         <div class="lis"><a href="">Discord</a></div>
                         <div class="lis"><a href="">Telegram</a></div>
                   </div>

                   <div class="mesk"></div>

               </div>

              <div class="web_searchBlock">
                  <div class="web_searchBlock_bar">
                      <div class="left"><input type="text"  placeholder="Enter Your Erc20 Wallet Address" /></div>
                      <div class="right"><div class="button">Submit</div></div>
                  </div>
              </div>


              <div class="web_posList">
                  <div class="web_posList_conPost">已邀请人数100人</div>
                  <div class="web_posList_tips">
                      奖励说明<br/>
                      1.每日空投100万个SAT 根据用户点击量分配。<br/>
                      2.每邀请一个新用户可获得该用户当日点击次数的1%奖励  邀请越多，奖励累计越多。
                  </div>
              </div>

              <div class="web_posList_table">
                  <table cellspacing="0" cellpadding="0" border="0">
                      <tr>
                          <th>日期</th>
                          <th>每日奖励</th>
                          <th>总点击量</th>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                      <tr>
                          <td>2019.1.10</td>
                          <td>200.00</td>
                          <td>876080.00</td>
                      </tr>
                  </table>
              </div>


              <div class="web_footer">2019 SmartX.inc</div>


          </div>


</body>
</html>
<script src="./js/jquery-1.11.3.min.js"></script>
<script>

    $(window).resize(function () {
        if(document.body.clientWidth > 1000){
            $('.nav').show();
        }else{
            $('.nav').hide();
            $('.mesk').hide();
        }
    })

    if(document.body.clientWidth > 1000){
        $('.nav').show();
    }else{
        $('.nav').hide();
        $('.mesk').hide();
    }

    $('body').on('click','.lie',function () {
        $('.nav').show();
        $('.mesk').show();
        $('body').css({'overflow-y': 'hidden'});
    })

    $('body').on('click','.mesk',function () {
        $('.nav').hide();
        $('.mesk').hide();
        $('body').css({'overflow-y': ''});
    })

</script>
